<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<body th:fragment="nav">
	<nav class="navbar-default navbar-static-side" role="navigation">
        <div class="nav-close">
            <i class="fa fa-times-circle"></i>
        </div>
        <div class="sidebar-collapse">
            <ul class="nav">
                <li class="logo">
				     <span class="logo-lg"><i class="fa fa-leaf"></i> 服务云平台</span>
            	</li>
            </ul>
            <ul class="nav" id="side-menu">
            	<li class="divider"></li>
            	<li class="nav-title">平台管理</li>
                <li class="active">
                    <a href="index.html" class="menuItem">
                    	<i class="fa fa-home"></i> 
                    	<span class="nav-label">仪盘表</span> 
                    </a>
                </li>
                <li class="divider"></li>
                <li class="nav-title">平台管理</li>
                <li>
                	<a href="#">
                		<i class="fa fa-gear"></i>
                    	<span class="nav-label">系统管理</span> 
                    	<span class="fa arrow"></span>
                	</a>
                   <ul class="nav nav-second-level collapse">
						<li>
							<a class="menuItem" href="/system/user"><i class="fa fa-video-camera"></i> 用户管理</a>
						</li>
						<li>
							<a class="menuItem" href="/system/role"><i class="fa fa-video-camera"></i> 角色管理</a>
						</li>
						<li>
							<a class="menuItem" href="/system/menu"><i class="fa fa-video-camera"></i> 菜单管理</a>
						</li>
						<li>
							<a class="menuItem" href="/system/dept"><i class="fa fa-video-camera"></i> 部门管理</a>
						</li>
						<li>
							<a class="menuItem" href="/system/post"><i class="fa fa-video-camera"></i> 岗位管理</a>
						</li>
						<li>
							<a class="menuItem" href="/system/dict"><i class="fa fa-video-camera"></i> 字典管理</a>
						</li>
						<li>
							<a class="menuItem" href="/system/config"><i class="fa fa-video-camera"></i> 参数设置</a>
						</li>
						<li>
							<a class="menuItem" href="/system/notice"><i class="fa fa-video-camera"></i> 通知公告</a>
						</li>
						<li>
							<a href="#">日志管理<span class="fa arrow"></span></a>
							<ul class="nav nav-third-level">
								<li><a class="menuItem" href="/monitor/operlog"><i class="fa fa-video-camera"></i> 操作日志</a></li>
								<li><a class="menuItem" href="/monitor/logininfor"><i class="fa fa-video-camera"></i> 登录日志</a></li>
							</ul>
						</li>
					</ul>
                </li>
                <li>
                	<a href="#">
                		<i class="fa fa-video-camera"></i>
                    	<span class="nav-label">系统监控</span> 
                    	<span class="fa arrow"></span>
                	</a>
                   <ul class="nav nav-second-level collapse">
						<li>
							<a class="menuItem" href="/monitor/online"><i class="fa fa-video-camera"></i> 在线用户</a>
							
							
						</li>
						<li>
							<a class="menuItem" href="/monitor/job"><i class="fa fa-video-camera"></i> 定时任务</a>
							
							
						</li>
						<li>
							<a class="menuItem" href="/monitor/data"><i class="fa fa-video-camera"></i> 数据监控</a>
							
							
						</li>
						<li>
							<a class="menuItem" href="/monitor/server"><i class="fa fa-video-camera"></i> 服务监控</a>
							
							
						</li>
					</ul>
                </li>
                <li>
                	<a href="#">
                		<i class="fa fa-bars"></i>
                    	<span class="nav-label">系统工具</span> 
                    	<span class="fa arrow"></span>
                	</a>
                   <ul class="nav nav-second-level collapse">
						<li>
							<a class="menuItem" href="/tool/build">表单构建</a>
							
							
						</li>
						<li>
							<a class="menuItem" href="/tool/gen">代码生成</a>
							
							
						</li>
						<li>
							<a class="menuItem" href="/tool/swagger">系统接口</a>
							
							
						</li>
					</ul>
                </li>
                <li>
                    <a href="#"><i class="fa fa-desktop"></i><span class="nav-label">实例演示</span><span class="fa arrow"></span></a>
                    <ul class="nav nav-second-level collapse">
                        <li> <a>表单<span class="fa arrow"></span></a>
                            <ul class="nav nav-third-level">
								<li><a class="menuItem" href="/demo/form/button">按钮</a></li>
								<li><a class="menuItem" href="/demo/form/grid">栅格</a></li>
								<li><a class="menuItem" href="/demo/form/select">下拉框</a></li>
								<li><a class="menuItem" href="/demo/form/basic">基本表单</a></li>
								<li><a class="menuItem" href="/demo/form/jasny">功能扩展</a></li>
								<li><a class="menuItem" href="/demo/form/sortable">拖动排序</a></li>
								<li><a class="menuItem" href="/demo/form/tabs_panels">选项卡 & 面板</a></li>
								<li><a class="menuItem" href="/demo/form/validate">表单校验</a></li>
								<li><a class="menuItem" href="/demo/form/wizard">表单向导</a></li>
								<li><a class="menuItem" href="/demo/form/upload">文件上传</a></li>
								<li><a class="menuItem" href="/demo/form/datetime">日期和时间</a></li>
								<li><a class="menuItem" href="/demo/form/duallistbox">左右互选组件</a></li>
								<li><a class="menuItem" href="/demo/form/autocomplete">搜索自动补全</a></li>
							</ul>
                        </li>
                        <li> <a>表格<span class="fa arrow"></span></a>
                            <ul class="nav nav-third-level">
								<li><a class="menuItem" href="/demo/table/search">查询条件</a></li>
								<li><a class="menuItem" href="/demo/table/footer">数据汇总</a></li>
								<li><a class="menuItem" href="/demo/table/groupHeader">组合表头</a></li>
								<li><a class="menuItem" href="/demo/table/export">表格导出</a></li>
								<li><a class="menuItem" href="/demo/table/remember">翻页记住选择</a></li>
								<li><a class="menuItem" href="/demo/table/pageGo">跳转至指定页</a></li>
								<li><a class="menuItem" href="/demo/table/params">自定义查询参数</a></li>
								<li><a class="menuItem" href="/demo/table/multi">初始多表格</a></li>
								<li><a class="menuItem" href="/demo/table/button">点击按钮加载表格</a></li>
								<li><a class="menuItem" href="/demo/table/fixedColumns">表格冻结列</a></li>
								<li><a class="menuItem" href="/demo/table/event">自定义触发事件</a></li>
								<li><a class="menuItem" href="/demo/table/detail">表格细节视图</a></li>
								<li><a class="menuItem" href="/demo/table/image">表格图片预览</a></li>
								<li><a class="menuItem" href="/demo/table/curd">动态增删改查</a></li>
								<li><a class="menuItem" href="/demo/table/reorder">表格拖拽操作</a></li>
								<li><a class="menuItem" href="/demo/table/other">表格其他操作</a></li>
							</ul>
                        </li>
                        <li> <a>弹框<span class="fa arrow"></span></a>
                            <ul class="nav nav-third-level">
								<li><a class="menuItem" href="/demo/modal/dialog">模态窗口</a></li>
								<li><a class="menuItem" href="/demo/modal/layer">弹层组件</a></li>
								<li><a class="menuItem" href="/demo/modal/table">弹层表格</a></li>
							</ul>
                        </li>
                        <li> <a>操作<span class="fa arrow"></span></a>
                            <ul class="nav nav-third-level">
								<li><a class="menuItem" href="/demo/operate/table">表格</a></li>
								<li><a class="menuItem" href="/demo/operate/other">其他</a></li>
							</ul>
                        </li>
                        <li> <a>报表<span class="fa arrow"></span></a>
                            <ul class="nav nav-third-level">
								<li><a class="menuItem" href="/demo/report/echarts">百度ECharts</a></li>
								<li><a class="menuItem" href="/demo/report/peity">peity</a></li>
								<li><a class="menuItem" href="/demo/report/sparkline">sparkline</a></li>
								<li><a class="menuItem" href="/demo/report/metrics">图表组合</a></li>
							</ul>
                        </li>
                        <li> <a>图标<span class="fa arrow"></span></a>
                            <ul class="nav nav-third-level">
								<li><a class="menuItem" href="/demo/icon/fontawesome">Font Awesome</a></li>
								<li><a class="menuItem" href="/demo/icon/glyphicons">Glyphicons</a></li>
							</ul>
                        </li>
                        <li>
	                        <a href="#"><i class="fa fa-sitemap"></i> <span class="nav-label">四层菜单 </span><span class="fa arrow"></span></a>
	                        <ul class="nav nav-second-level collapse">
	                            <li>
	                                <a href="#" id="damian">三级菜单1<span class="fa arrow"></span></a>
	                                <ul class="nav nav-third-level">
	                                    <li>
	                                        <a href="#">四级菜单1</a>
	                                    </li>
	                                    <li>
	                                        <a href="#">四级菜单2</a>
	                                    </li>
	                                </ul>
	                            </li>
	                            <li><a href="#">三级菜单2</a></li>
	                        </ul>
	                    </li>
                    </ul>
                </li>
            </ul>
        </div>
    </nav>

</body>
</html>
